// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.team-action-button {
  .reset-input();
  .link-plain();
  .link-white();
  .center-content();
  .default-text-shadow();
  display: flex;
  width: auto;
  height: var(--item-height);
  padding: 10px 30px;
  border-radius: 10000px;
  text-align: center;
  font-weight: bold;
  font-size: @font-size--title-small;
  background: var(--bg);

  --bg: hsl(var(--hsl-b5));
  --bg-hover: hsl(var(--hsl-b6));

  &:hover {
    background: var(--bg-hover);
  }

  &--join {
    --bg: hsl(var(--hsl-blue-3));
    --bg-hover: hsl(var(--hsl-blue-2));
  }

  &--join-cancel {
    --bg: hsl(var(--hsl-red-3));
    --bg-hover: hsl(var(--hsl-red-2));
  }

  &--part {
    --bg: hsl(var(--hsl-red-3));
    --bg-hover: hsl(var(--hsl-red-2));
  }

  &[disabled] {
    pointer-events: none;
    opacity: 0.7;
  }
}
